<html>
<head>
	<link type="text/css" href="{{_path}}css/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="{{_path}}js/jquery-1.3.2.min.js"></script>
	
	<script type="text/javascript">	
		$.getScript("{{_path}}js/jquery-ui-1.7.2.custom.min.js", function() {
			$("#tabs").tabs();
		}); 
	</script>
</head>
<body>
<h1>UnitedWiki</h1>
<DIV id="tabs">	
	<UL>
		<LI><A href="#tabs-1">{{_pageName}}</A></LI>
		<LI><A href="#tabs-2">Edit</A></LI>
		<LI><A href="#tabs-3">Pages list</A></LI>
		<LI><A href="#tabs-4">New Page</A></LI>
	</UL>
	<DIV id="tabs-1">
		<div></div>
	</DIV>
	<DIV id="tabs-2">		
		<span id="editPage">
			<form action="{{_path}}save" method="post">
				<input type="hidden" name="pageName" value="{{_pageName}}">
				<textarea name="text" rows="50" cols="120">{{_pageText}}</textarea><br>
				<button>save</button>
			</form>
		</span>
	</DIV>
	<DIV id="tabs-3">
		<div id="pagesList">
		</div>
	</DIV>
	<DIV id="tabs-4">
		<form action="new" method="post">
			<label for="newPageName">Page Name</label>
			<input type="text" name="newPageName" id="newPageName">
			<button>create</button>
		</form>
	</DIV>
</DIV>

	
</body>
</html>